<template>
    <div>
        <h2>首页</h2>
        <!-- 绑定跳转路由 -->
        <button @click="router.push('/list')">跳转到List</button><br/><br/>
        <!-- 通过路由名称去跳转 -->
        <button @click="router.push({name:'Index',state:{name:'aaa',age:99,gender:true}})">去index页面</button>
        <router-view></router-view>
    </div>
</template>


<script setup>

//  下面是跳转子路由的方法：
// 1 导入路由对象
import {useRouter} from 'vue-router'
// 2 在vue3中 获取路由对象  使用一个hook获取
const router = useRouter()   //第3 在上面进行掉这个路由对象   //这个相当于this.$router


</script>


<style scoped>
    
</style>